.collect{
   .content{
    background-color:  #f7f7f7;
        .class_title{
            display: flex;
            justify-content: start;
            align-items: center;
            .class_item{
                border: 1px solid #cccccc;
                padding: 10rpx;
                display: flex;
                align-items: center;
                margin: 15rpx;
                background-color: #fff;
            }
        }
        .active{
            border: 1px solid var(--themeColor) !important;
            color: var(--themeColor);
        }
        .class_content{
            background-color:  #f7f7f7 !important;
          .collection_list{
           

              .collection_item{
                  display: flex;
                  align-items: center;
                  background-color: #fff;
                  border-bottom: 1px solid #eeeeee;
                  .item_img_wrap{
                    flex: 1;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    image{
                        width: 70%;
                    }
                  }
                  .info_wrap{
                    flex: 2;
                    display: flex;
                    flex-direction: column;
                    padding: 20rpx;
                    .info_name{
                        display: -webkit-box;
                        overflow: hidden;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                    }
                    .info_price{
                        margin-top: 20rpx;
                        width: 100%;
                        font-size: 30rpx;
                        color: var(--themeColor);
                    }
                  }
              }

          }
        }
   }
   
}